<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/center.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/carousel.js"></script>
    <script src="./js/center.js"></script>
</head>

<body>
    <!-- 登录界面 -->
    <div class="maincon">
        <div class="wrapa">
            <div id="tt_scroll" class="fl ll_side tt_scroll">
                <a href="javascript:;" title="手机版">
                    <s class="ii_mobile"></s>手机版</a>
                <i>|</i>
                <a href="javascript:;" title="Q币充值">Q币充值</a>
            </div>
            <div class="fr rr_side">
                <a class=" games_menu" href="javascript:;" id="games_menu" title="游戏导航">游戏导航</a>
                <i>|</i>
                <a href="javascript:;" title="帮助中心">帮助中心</a>
                <i>|</i>
                <a href="javascript:;" title="个人中心">个人中心</a>
                <i>|</i>
                <a href="javascript:;" title="我的订单">我的订单</a>
                <i>|</i>
                <div class="login fr">
                    <div id="unlogin" class="customNav">
                        您还未登录，请 &nbsp;
                        <a title="注册" href="register.html">注册</a>
                        <i>|</i>
                        <a title="登录" href="login.html">登录</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索界面 -->
    <div class="rsearch">
        <div class="wrapa clearfixa">
            <a href="" class="bg_sp logo fl"></a>
            <div class="s_bar fl">
                <div class="ss_text fl">
                    <input type="text" placeholder="请选择游戏搜索道具" />
                </div>
                <button class="b_sp bbn" id="rsearch_bbn">搜索</button>
                <div class="words">
                    <p id="word_wrapper">
                    </p>
                </div>
            </div>
            <div class="bg_sp wx fr bg_znq">
                <a style="position:absolute;top:0;left:0;width:129px;height:108px;z-index:32;display:block;" href=""></a>
            </div>
        </div>
    </div>
    <!-- 导航界面 -->
    <div class="nava">
        <div class="wrapa clearfixa">
            <div id="all_games" class="all_games fl">
                <a class="show_games" href="paging.html" title="所有商品列表">
                    <s class="i_sp i_game_down"></s>
                    <p>所有商品列表</p>
                </a>
            </div>
            <ul class="fl clearfixa" id="navBtns">
                <li>
                    <a href="home.html" title="首页">首页</a>
                </li>
                <li>
                    <a href="javascript:;" title="活动中心">活动中心</a>
                </li>
                <li>
                    <a href="javascript:;" title="聚诚品">聚诚品</a>
                    <div id="sp_news_num" style="position:absolute;left:99px;top:21px; height:9px; width:20px;overflow:hidden;background:url(./images/newtips.png) no-repeat;text-indent:-9999em;">new</div>
                </li>
                <li>
                    <a href="javascript:;" title="手游中心">手游中心</a>
                </li>
                <li id="navJuDou">
                    <a href="javascript:;" title="聚豆商城">聚豆商城</a>
                    <div class="nav-popup-box" style="display:none;z-index:100;">
                        <a href="javascript:;" title="聚豆抽奖">聚豆抽奖</a>
                        <a href="javascript:;" title="聚豆兑换">聚豆兑换</a>
                    </div>
                </li>
                <li>
                    <a href="center.html" title="个人中心" class="active">个人中心</a>
                </li>
            </ul>
            <div class="fr cart">
                <a class="comm_bbn b_cart" href="shopping .html" style="text-decoration: none">
                    <s class="i_sp"></s>购物车
                </a>
            </div>
        </div>
    </div>
    <!-- 面包屑 -->
    <div class="mianbao">
        <div class="breade ">
            <div class="nmsl ">
                <a href="javascript:;" title="道聚城">道聚城</a>&gt;
                <b>个人中心</b>
            </div>
        </div>
    </div>

    <!-- 个人中心导航 -->
    <div class="wrapa clearfixa">
        <!-- 左侧 -->
        <div class="fl w230 mr10">
            <div class="comm_bd center_nava" id="center_nava">
                <dl style="margin-bottom: 0px;">
                    <dd>
                        <a href="javascript:;" title="个人中心首页" class="ban_link current">
                            <s class="i_sp i_center"></s>个人中心首页</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的特权" class="ban_link">
                            <s class="i_sp i_privilege"></s>我的特权</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的任务" class="ban_link">
                            <s class="i_sp i_task"></s>我的任务</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的订单">
                            <s class="i_sp i_trade"></s>我的订单</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的道聚城白条" class="ban_link">
                            <s class="i_sp i_issue"></s>我的道聚城白条</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="道聚城体验会员" class="ban_link">
                            <s class="i_sp i_vip"></s>道聚城体验会员</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" target="_blank" title="我的周边订单">
                            <s class="i_sp i_reltrade"></s>我的周边订单</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的收货地址" class="ban_link">
                            <s class="i_sp i_address"></s>我的收货地址</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的购物点" class="ban_link">
                            <s class="i_sp i_ticket"></s>我的购物点</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的优惠券">
                            <s class="i_sp i_coupon"></s>我的优惠券</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的聚豆">
                            <s class="i_sp i_coin"></s>我的聚豆</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的消息" class="ban_link">
                            <s class="i_sp i_message"></s>我的消息</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的关注" class="ban_link">
                            <s class="i_sp i_attention"></s>我的关注</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的功能性道具" class="ban_link">
                            <s class="i_sp i_prop"></s>我的功能性道具</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="领取魅力值" class="ban_link">
                            <s class="i_sp i_charm"></s>领取魅力值</a>
                    </dd>
                    <dd>
                        <a href="javascript:;" title="我的票务" class="ban_link">
                            <s class="i_sp i_myticket"></s>我的票务</a>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 右侧 -->
        <div class="fl w950">
            <!-- 账户 -->
            <div class="clearfixa comm_bd mb10 center_info">
                <dl class="fl">
                    <dt id="face_img" class="face_img_dt">
                        <img src="//shp.qlogo.cn/daoju/0/164248149139248_head/128?t=1541003489">
                    </dt>
                    <dd>
                        <p class="qq_intro">
                            <strong id="login_qq_span_index" class="denglu">请登录后查看</strong>
                            <span class="ml10 gray"></span>
                        </p>
                        <div class="info">
                            <p class="fl" style="margin-left: 190px;">
                                心悦会员
                            </p>

                        </div>
                    </dd>

                </dl>
                <div class="person fl clearfixa">
                    <p>个人账户：max
                    </p>
                </div>
            </div>
            <!-- 内容 -->
            <div class="game_consume">
                <!-- 最近登录的游戏 -->
                <div class="login_game" id="enjoyedGameCon">
                    <p>最近登录的游戏</p>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="//ossweb-img.qq.com/images/daoju/mall/game/yl.jpg">
                                <span>御龙在天</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="//ossweb-img.qq.com/images/daoju/mall/game/lol.jpg">
                                <span>英雄联盟</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="//ossweb-img.qq.com/images/daoju/mall/game/dnf.jpg">
                                <span>地下城与勇士</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="//ossweb-img.qq.com/images/daoju/mall/game/cf.jpg">
                                <span>穿越火线</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 本月累计消费 -->
                <div class="" id="consumeCon">
                    <div class="consume">
                        <p>本月累计消费</p>
                        <div class="consume_sum clearfixa">
                            <div class="fl">
                                <ul>
                                    <li>本月消费总金额(元)</li>
                                    <li class="red">0</li>
                                </ul>
                            </div>
                            <div class="fl">
                                <ul>
                                    <li>本月成功订单数(笔)</li>
                                    <li class="red">0</li>
                                </ul>
                            </div>
                            <div class="fl">
                                <ul>
                                    <li>本月消费排名</li>
                                    <li class="">暂无排名</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 节省 -->
            <div class="dj_save">
                <div class="save_num">
                    本月道聚城为您省了：
                    <span id="iSaveTotal">0&nbsp;Q币</span>
                </div>
            </div>
            <!-- 特权 -->
            <div class="userprivilege">
                <div class="mb10 clearfixa center_box">
                    <div class="center_tt">
                        我的特权
                        <i class="dot-tip"></i>
                        <span class="line">
                            <s class="l_5"></s>
                        </span>
                        <!--<i class="fr pro_help"></i>-->
                    </div>
                    <div class="comm_bg userbox clearfix">
                        <div>
                            <dl>
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="tqico coupons"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>专享优惠券</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="tqico gift"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>首次消费礼</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="tqico djgift"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>道具逢十礼</p>
                                </dd>
                            </dl>
                            <dl class="borderrt" style="border-right: none">
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="tqico consume"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>消费成长礼</p>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 任务 -->
            <div class="usertask">
                <div class="mb10 clearfixa center_box">
                    <div class="center_tt">我的任务
                        <i class="dot-tip"></i>
                        <span class="line">
                            <s class="l_5"></s>
                        </span>
                    </div>
                    <div class="comm_bg userbox clearfixa">
                        <div>
                            <dl>
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="taskico signin"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>每日签到</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="javascript:;"  class="task-link">
                                        <i class="taskico info"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>完善资料</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt>
                                    <a href="javascript:;"  class="task-link">
                                        <i class="taskico down"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>下载APP</p>
                                </dd>
                            </dl>
                            <dl class="borderrt">
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="taskico login"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>每日登录APP</p>
                                </dd>
                            </dl>
                            <dl class="borderrt">
                                <dt>
                                    <a href="javascript:;" class="task-link">
                                        <i class="taskico appconsume"></i>
                                    </a>
                                </dt>
                                <dd>
                                    <p>APP首笔消费</p>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 回到顶部 -->
    <div class="fixednav">
            <a href="#top">
                <i class="bg_sp btn_top"></i>返回顶部</a>
            <a href="javascript:;">反馈</a>
        </div>
</body>

</html>